<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件的绑定</title>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script>
        //给b1按钮添加单击事件
        //1:获取b1按钮
           /* window.onload=function(){
                $("#b1").click(function(){
                    alert("abc");
                });
            }*/
        //jq入口函数(dom文档加载完成之后执行该函数中的代码)
        $(function(){
            //1:获取b1按钮
            $("#b1").click(function(){
               alert("abc");
            });
        });
          /*
           window.onload 和 $(function) 区别
               * window.onload  只能定义一次,如果定义多个,后边的会将前面的覆盖掉
               * $(function)可以定义多次的

          */

        $(function(){
           $("#div1").css("backgroundColor", "pink");
        });



    </script>
</head>
<body>
<div id="div1">div1.....</div>
    <div id="div2">div2.....</div>
    <input id="b1" type="button" value="点我">

</body>
</html>